<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>#option("WEB_TITLE","Perfree")</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="Shortcut Icon" href="#option('WEB_LOGO','/static/public/images/favicon.ico')" type="image/x-icon"/>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/layui@2.6.8/dist/css/layui.css">
    <link href="//cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/static/admin/static/css/style.css?v=#(version)" rel="stylesheet"/>
    <script>
        window.onload = function f() {
            document.getElementById("loading").style.display="none";
            document.getElementById("f-layout").style.display="block";
        }
    </script>
</head>
<body class="layui-layout-body">
<div id="loading">
    <div class="loading">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<div class="layui-layout layui-layout-admin f-layout f-show-side" id="f-layout" style="display: none">
    #include("/static/admin/layout/header.html")
    #include("/static/admin/layout/sider.html")
    <!-- 内容start -->
    <div class="layui-body">
        <div class="layui-tab" lay-allowClose="true" lay-filter="tabNav">
            <ul class="layui-tab-title content-tab-title">
                <li class="layui-this" lay-id="1"><i class='fa fa-home' style='font-size: 16px;'></i></li>
            </ul>
            <div class="layui-tab-content f-tab-content">
                <div class="layui-tab-item layui-show" >
                    <!-- 内容主体区域 -->
                    <iframe src="/admin/dashboard" scrolling='auto' width='100%' height='100%' frameborder='0'
                            allowfullscreen='true' webkitallowfullscreen='true' mozallowfullscreen='true'
                            class='f-ifram'></iframe>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容ned -->
</div>

<div id="theme-list">
    <ul class="theme-list">
    </ul>
</div>
<script id="themeTpl" type="text/html">
    {{#  layui.each(d, function(index, item){ }}
    <li class="theme" id="{{ item.id }}">
        <div class="theme-leftLogo" style="background: {{ item.leftLogo }}" bg="{{ item.leftLogo }}"
             color="{{ item.logoColor }}" borderColor="{{ item.logoBoderColor }}"></div>
        <div class="theme-leftSide" style="background: {{ item.leftSide }}" bg="{{ item.leftSide }}"
             color="{{ item.sideColor }}"></div>
        <div class="theme-header" style="background: {{ item.header }}" bg="{{ item.header }}"
             color="{{ item.headerColor }}"></div>
    </li>
    {{#  }); }}
</script>
<script src="//cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/layui@2.6.8/dist/layui.js"></script>
<script src="/static/admin/static/js/main.js?v=#(version)"></script>
</body>
</html>